$(function () {
    //需求1： 获取用户基本信息
    getUserInfo()

    // 需求2：退出功能
    $('#tuichu').on('click', function () {
        layer.confirm('确定退出吗?', function (index) {
            location.href = '/login.html'
            localStorage.removeItem('token')
            layer.close(index);
        });
    })
})

// 封装一个全局函数作为获取用户基本信息  后续子页面需要调用
function getUserInfo() {
    axios({
        // get可以省略
        method: 'GET',
        url: '/my/userinfo',
        // 需要设置请求头 属性都小写
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        // console.log(res.data.data);
        if (res.data.status !== 0) {
            return layer.msg(res.data.message)
        }
        // 渲染 
        renderAvatar(res.data.data)
    })
}

// 渲染头像
function renderAvatar(user) {
    // 渲染文字
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)
    // 渲染头像
    if (user.user_pic) {
        // 图片头像
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.avatar-text').hide()
    } else {
        // 文字头像
        let first = name.substr(0, 1).toUpperCase()
        // console.log(first)
        $('.avatar-text').text(first).css('display', 'inline-block')
        $('.layui-nav-img').hide()
    }
}